<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_XueShuGongJian_0',
'img_Ddpbm1',
'ZY_XueShuGongJian_2',
'img_hutjT3',
'ZY_XueShuGongJian_4',
'img_yX20g5',
'ZY_XueShuGongJian_6',
'img_i4HPs7',
'ZY_XueShuGongJian_8',
'ZY_9_9',
'ZY_10_10',
'ZY_11_11',
'ZY_12_12'
"  ></cms:ads>
<!doctype html>
<!-- 学术共建 -->
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/swiper.min.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/iconfont.css"> 
  <style>.academic{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 12px -6px; } .academic-item{ width: 50%; padding: 10px 6px; box-sizing: border-box; } .img-wrap{ border: 1px solid rgba(112, 112, 112, 0.2);height: 130px;} .academic-item img{ max-width: 100%;max-height: 100%; margin: 0 auto;} .academic-item p{ text-align: center; padding: 10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size: 15px;}</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="about-us-header"> 
   <p class="zy" data-type="ad" data-id="${ZY_XueShuGongJian_0.adId}">产品展示</p> 
  </div> 
  <div class="container"> 
   <div class="academic">
    <cms:arts var="artList" code="cpzs" pageNow="${param.pageNow}" pageSize="8"></cms:arts>
    <c:forEach items="${artList }" var="item" varStatus="status">
    <div class="academic-item">
     <a href="${path}/do/redirect/mobile/productDetail?id=${item.artId}">
      <div class="academic-item-con">
       <div class="img-wrap flex  align-center"><img src="${item.artImage}" /></div>
       <p class="zy" >${item.artTitle}</p>
      </div>
     </a>
    </div>
    </c:forEach>
   </div>
  </div> 
  <div class="pagination">
   <c:forEach end="${recodeCount }" begin="1" var="index" varStatus="count">
    <a class="${param.pageNow == index - 1 ? "active" : ""}" href="${path }/do/redirect/pc/activity?pageNow=${index-1}">${index}</a>
   </c:forEach>
  </div>
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/ztyl/mobile/./js/swiper.min.js" type="text/javascript" charset="utf-8"></script> 
  <script>
			// var mySwiper = new Swiper ('.swiper-header', {
			//   autoplay: false,
			//
			//   // 如果需要分页器
			//   pagination: '.swiper-pagination',
			//
			// })
		
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			 
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "packup 1s"
				popBg.style.display = "none";
				popBox.style.display = "none";
								
			}
		</script>   
 </body>
</html>